草庐IT

CSS3 多媒体查询实例

全部标签

javascript - 如何在 Polymer 中获取查询字符串

无论如何我怎样才能在Polymer中获取查询字符串?http://localhost:8080/search?param=ppshein我想在Polymer中获取search?param=ppshein或param=ppshein。我试图在app-route中获取查询字符串,但它没有显示任何内容。[[routeData.id]]** 最佳答案 你可以使用.queryParams:queryParams是包含已解析查询参数的键/值对的对象。鉴于http://localhost:8080/search?param=ppshein,que

javascript - 使用浏览器解析 CSS 而无需触及 DOM/样式

我有这样的东西:constsomeCSS=`.foo{padding:20px;background-color:#ddf;width:100px;}.bar{height:100px;}.foo{padding-top:30px;/*thisoverridesthepreviousone*/}`;我可以将此添加到DOM中,并使用这样的每个规则(jsFiddle)取回所有选择器:conststyle=document.createElement('style');style.innerHTML=someCSS;document.head.append(style);conststyle

javascript - 如何导出 ES6 类并在另一个模块中构造它的实例?

使用Node.js版本7.7.2,我想从这样的模块中定义和导出ES6类://Foo.jsclassFoo{construct(){this.bar='bar';}}module.exports=Foo;然后将该类导入另一个模块并构造该类的实例,如下所示://Bar.jsrequire('./foo');varfoo=newFoo();varfooBar=foo.bar;但是,这种语法不起作用。我尝试做的事情是否可行?如果可行,实现此目标的正确语法是什么?谢谢。 最佳答案 您必须为此使用常规Node模块语法。您的示例代码中有一些错误。

javascript - 是否可以使用图像或 CSS 渐变来填充 Google map 中的水域?

我目前正在从事某个元素,需要将下一个设计实现到Googlemap。我没有在谷歌地图样式引用中找到任何线索来回答这个问题-https://developers.google.com/maps/documentation/javascript/style-reference所以,我想知道-是否有可能(仅使用API)?或者需要一些技巧?例如,我考虑过让水域透明并将虚线图像放在map后面。提前致谢! 最佳答案 在这个回答中,我将讨论关闭map上水几何体的可见性并设置map背后的背景颜色。首先,如前一个答案所述,您必须关闭map的可见性。您可

javascript - 按类不返回元素的 Angular Fixture DebugElement 查询

正如Angular.io框架测试文档所建议的,我一直在尝试使用AngularTestbed+Karma测试运行器来使用DebugElement查询。我创建了一个jqwidgetsTree组件,它生成类'.jqx-tree-item-li'的li元素。以下在DOM测试中直接使用javascript的测试通过了GREEN:it('Elementsofclassjqx-tree-item-lifoundusinggetElementsByClassName',(done)=>{this.fixture.whenStable().then(()=>{varelementArray=docume

javascript - 如何在注册该组件时为 vue.js 组件定义 css 样式?

我可以注册一个自定义的vue.js组件//registerVue.component('my-component',{template:'Acustomcomponent!'})另见https://v2.vuejs.org/v2/guide/components.html如何为我的组件包含css类?我希望是这样的Vue.component('my-component',{template:'Acustomcomponent!',css:'#...mycssstylesheet...'})但似乎没有css选项。我知道我可以a)在全局css样式表中定义所有css类或b)使用singe-fi

javascript - Angular Component 的 CSS 封装是如何工作的?

我想明白如果我创建两个样式表样式1.heading{color:green;}样式2.heading{color:blue;}现在如果这两个样式分别写在两个不同的View中,渲染的时候在布局上作为PartialView,那么在这种情况下可能会发生冲突一个可以覆盖另一个的样式。但是使用angular(见第16页),这两种不同组件的样式怎么封装在同一个页面上渲染呢?为什么CSS没有被覆盖?例如import{Component}from'@angular/core';@Component({selector:'app-user-item',template:'abc',styleUrls:[

javascript - 通过变量动态实例化一个类

如何通过输入变量名来实例化一个类?在一个类中考虑这个方法:animate:function(el,build){console.log(build.effect);varanimationClass=newbuild.effect(el,build);},Build是一个包含很多东西的对象,但最重要的是“影响”。这个效果是一个独立动画类的名字——一个叫做“MarioKartMenu”。console.log(build.effect)打印出“MarioKartMenu”。但我当然得到:TypeError:表达式'build.effect'[MarioKartMenu]的结果不是构造函数

javascript - 有没有办法从元素中获取 SlickGrid 的实例

刚开始使用SlickGrid而且它似乎不像普通的jquery小部件/插件那样自行启动,您只需执行$(element).slickgrid()即可访问附加到元素的实例。有没有一种方法可以获取现有实例,而无需在创建它时明显地持有它?查看代码似乎不是这样,但不确定是否有其他人遇到过这个问题。不确定为什么他们依赖于jquery但决定进行自定义初始化。可以像将它包装在一个jqueryui小部件中一样简单。 最佳答案 您始终可以使用jQuery的数据函数来保存对光滑网格实例的引用。例如:vargrid=newSlick.Grid(contain

javascript - 内容脚本 CSS 不会覆盖原始内容

我的问题是我想用我的自定义设置修改网站的样式。我试过ContentScripts,但是这个dosen工作,因为他们不能覆盖原来的css文件。这是一个例子:foo/manifest.json{"name":"test","version":"1.0","content_scripts":[{"matches":["file://*/*test.html"],"css":["main.css"]}]}foo/main.cssbody{background:#0f0;}测试.htmlfoobar然后我loaded将扩展foo文件夹放入我的谷歌浏览器,并打开test.html但背景颜色仍然是红